<template>
  <commonTable
    rowKey="roomTagId"
    :columns="roomTypeTableState.columns"
    :rules="rules"
    name="roomTag"
  >
    <template #form="{ record }">
      <a-form-item label="标签" name="roomTagName">
        <a-input v-model:value="record.roomTagName"></a-input>
      </a-form-item>
    </template>
  </commonTable>
</template>

<script setup>
import { reactive, ref, watch } from "vue";
import { useStore } from "vuex";
import commonTable from "../../utils/CommonTable";
import { floor } from "@/api";

const store = useStore();
const roomTypeTableState = reactive({
  dataSource: [],
  columns: [
    {
      title: "序号",
      dataIndex: "roomTagId",
    },
    {
      title: "标签名",
      dataIndex: "roomTagName",
    },
    {
      title: "操作",
      slots: { customRender: "action" },
    },
  ],
});
const rules = {
  roomTagName: [{ required: true, message: "标签名不能为空" }],
};
</script>

<style scoped></style>
